<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<title>guige</title>
<link rel="stylesheet" type="text/css" href="../../css/index.css" />
<style>
	html,body{width:100%;height: 100%; overflow: hidden; background: transparent;}
	.showbox-bg{background: rgba(0,0,0,0.5);position:fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;animation:fadeIn 1s;-webkit-animation:fadeIn 1s;}
	.showbox{
	    background:#fff;position:fixed;left: 0;right: 0;bottom: 0;z-index:2;
	    display: flex;flex-direction: column; animation:updown 0.1s;-webkit-animation:updown 0.1s;
	}
	/* showlist */
	.showlist{height:100px; padding: 0px 15px;color: #333333;}
	.showlist .type-one{width: 100%;height: 50px;line-height: 50px;box-sizing: border-box;}
	.showlist .type-one.on{background: url(../../image/main3/order_sel.png) no-repeat right center;background-size: 16px;}

	.btn{width: 100%;height: 50px;text-align: center;line-height: 50px;background: #F6F6F6;}

</style>
</head>
 <body>
	<div id="vue">
		<div class="showbox-bg" tapmode onclick="closeClick();"></div>
	    <div class="showbox">
	        <div class="showlist">
	        	<div :class="['type-one border-bottom', type == 'order' ? 'on':'']" tapmode data-type = "order" onclick="selThis(this)">原价购买订单</div>
				<div :class="['type-one', type == 'score' ? 'on':'']" tapmode data-type = "score" onclick="selThis(this)">积分商城订单</div>
	        </div>
	    </div>
	</div>
</body>
<script type="text/javascript" src="../../script/base.min.js" id="loadjs" data-js="L/h-tool"></script>
<script type="text/javascript">

	define(function (require, exports, module) {

		pageParam = api.pageParam;
		var type = lanYun.getStorage('orderType') || 'order';
		lanYun.newVue('#vue',{
			type:type
		},function() {

		});

		selThis = function (tis) {
			var dst = tis.dataset;
			$(tis).addClass('on').siblings().removeClass('on');
			lanYun.setStorage('orderType',dst.type)
			lanYun.FrameCallBack(pageParam.topframeName, {type:dst.type});
			api.closeFrame();
		}

		closeClick = function(){
	        api.closeFrame();
	    };

	});

</script>
</html>
